<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>联系我们</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/common_top.css">
    <link rel="stylesheet" href="css/contact.css">
    <link rel="stylesheet" href="css/common_footer.css">
</head>
<body>
    <!-- 顶部信息 -->
    <div class="header-top">
        <div class="container">
             <span class="top-left">欢迎来到XXX律师事务所官网，我们将竭诚为您服务！</span>
             <span class="top-right">咨询热线：<strong>400-XXX-XXXX</strong></span>        
        </div>
    </div>
    <!-- 顶部导航 -->
   <section class="nav-top">
        <div class="container">
            <img src="./images/logo.png" alt="">
            <span>XXXX律师事务所</span>
            <nav>
                <a href="./index.html">首页</a>
                <a href="./aboutus.html">关于我们</a>
                <a href="./service.html">服务项目</a>
                <a href="./succes_case.html">成功案例</a>
                <a href="./lawyer_team.html">律师团队</a>
                <a href="./news.html">新闻动态</a>
                <a href="./contact.html">联系方式</a>
            </nav>
        </div>
    </section>
    <!-- 横幅 -->
    <section class="banner">
        <div class="container">
             <div class="banner-msg">
                 <h3>
                     <span>为您排忧解难</span>
                     <strong>是我们最重要的事</strong>
                     <p>咨询热线：400-XXX-XXXX</p>
                </h3>    
             </div>  
             <div class="banner-links cf">
                 <ul>
                     <li>
                         <img src="./images/p1_act0.png" />
                         <a href="">找律师</a>
                     </li>
                     <li>
                         <img src="./images/p2_819t.png" />
                         <a href="">选服务</a>
                     </li>
                     <li>
                         <img src="./images/p3_g51q.png" />
                         <a href="">看案例</a>
                     </li>
                     <li>
                         <img src="./images/p4_q67r.png" />
                         <a href="">要咨询</a>
                     </li>
                 </ul>
            </div>
        </div>
    </section>
    <!-- 当前在页面的位置信息 -->
    <div class="location">
        <div class="container">
            <span>联系方式</span>
            <p><a href="./index.html">首页</a>&gt;&gt;联系方式</p>
        </div>
    </div>
    <!-- 联系方式 -->
    <div class="container contact">
        <div class="tel">
            <h4>XXXXX律师事务所</h4>
            <p>电话：0571-XXXXXXXX</p>    
            <p>传真：0571-XXXXXXXX</p>
            <p>邮箱：XXXX@XXXX.com</p>
            <img src="./images/lxfs.png" alt="">
        </div>
        <div class="map">
            <img src="./images/map.jpg" alt="">
        </div>
    </div>
    <!-- 底部信息 -->
    <section class="footer">
        <div class="container">
            <div class="left footer-logo">
                <img src="./images/logo2.png" alt="">
                XXXXX律师事务所
            </div>
            <div class="left footer-tel">
                <p>电话：0571-XXXXXXXX  传真：0571-XXXXXXXX  邮箱：XXXX@XXXX.com</p>
                <p>地址：XXX省XXX市XXXX区XXXX路XXX号XXXX大厦XX楼XXXX号</p>
            </div>
            <div class="right footer-wx">
                <img src="./images/erweima.png" alt="">
                <p>扫一扫<span>关注官方微信</span></p>
            </div>
        </div>
    </section>
</body>
</html>